/**
 * 关于我们
 */

import React from 'react'
import AboutUs1 from '@/assets/img/aboutus1.jpeg'
import AboutUs2 from '@/assets/img/aboutus2.jpeg'
import AboutUs3 from '@/assets/img/aboutus3.jpeg'
import AbIcon from "@/components/DecorateIcons/Ab_Icon"
const data = {
  picture1: AboutUs1,
  picture2: AboutUs2,
  picture3: AboutUs3,
  content: '当你设想门外是寒冷可怕的世界时，你还应该开门出去看看，是否真的如此。如果你有信心，你对前途就不犹豫了。如果你有勇气，你就不怕前途是否有困难或危险了每个人心中都应有两盏灯，一盏是希望的灯，一盏是勇气的灯。有了这两盏灯，我们就不怕海上的黑暗和风涛的险恶了。人的一生很像是在雾中行走。远远望去，只是迷蒙一片，辨不出方向和吉凶。可是，当你鼓起勇气，放下恐惧和怀疑，一步一步向前走去的时候，你就会发现，每走一步，你都能把下一步路看得清楚一点。“往前走，别站在远远的地方观望！”你就可以找到你的方向。'
}

function AboutUs({ home }) {

  return (
    <div className={`aboutus animate__animated animate__${home.base.aboutus_animate}`}>

      {/* 标题 */}
      <div className="title">
        <span className="text">关于我们</span>
        <span className="subtext">ABOUT US</span>
      </div >

      <div className="content">

        {/* 图片 */}
        <div className='img-box'>
          <img className='img1' src={data.picture1} />
          <img className='img2' src={data.picture2} />
          <img className='img3' src={data.picture3} />
        </div>


        {/* 内容 */}
        <div className='desc' dangerouslySetInnerHTML={{ __html: data.content }} ></div>
      </div>

      {/* 查看更多 */}
      <div className="more">
        <span className="text">{home.aboutus_more.base.text}</span>
        <AbIcon iconName={home.aboutus_more.base.icon} className='icon' />
      </div >

    </div>

  )
}

export default React.memo(AboutUs)